<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> 
<head>
	<title></title>
	<link rel="stylesheet" href="css/reset.css" />
	<link rel="stylesheet" href="css/layout.css" />
	<link rel="stylesheet" href="css/box.css" />
	<link rel="stylesheet" href="css/auth.css" />
	<link rel="stylesheet" href="css/style.css" />
	<script type="text/javascript" src="http://cb.alimama.cn/kissy/1.2/kissy-min.js"></script>
	<script type="text/javascript" src="js/auth.js"></script>
		<script type="text/javascript" src="http://cb.alimama.cn/kissy/1.2/kissy-min.js"></script>
	<script type="text/javascript" src="js/tip.js"></script>
	<script charset="utf-8" src="http://cb.alimama.cn/med/dialog/1.0/dialog.js"></script>
	<script charset="utf-8" src="http://cb.alimama.cn/med/validator/1.0/auth.js"></script>
    <script charset="utf-8" src="http://cb.alimama.cn/med/validator/1.0/validator.js"></script>
	
	<base target="_top" />
</head>
<body>
	
	<div id="content" class="login personal registration">
		<div class="layout grid-m">
			<div class="col-main">
				<div class="loginbox registerbox">
					<h1>会员注册</h1>
					 <span style="color:red;">   ${error}       </span>
					<form method="post" name="J_form" action="user" id="J_form">
					<input type=hidden value=text id=J_tiptype>
					<input type=hidden value=register id=action name="action">
						<ul class="field">
							<li>
								<span class="label">Email:</span>
								<label for="logname" id="lognamelabel"></label>
								<input type="text"  data-auth="{
											label:'您将使用此邮件登录 <a href=\'http://cn.mail.yahoo.com/?id=66000\'>推荐使用@yahoo.cn邮箱</a>',
											maxLength:[128,true,'邮件地址长度不能超过128个字符！'],
											email:['您的邮件地址格式不正确']
									}"
									 class="text s18" id="username" name="username"> <span style="color:grey;">(注册后的邮箱地址将作为5iwords的登陆用户名)</span>
							</li>
							<li>
								<span class="label">用户昵称:</span>
								<label for="logname" id="lognamelabel"></label>
								<input type="text"   data-auth="{
											label:'昵称不可更改，请谨慎填写',
											length:[1,32,true,'昵称长度为1到32个字符，且为必填项']
										}" class="text s18" id="nickname" name="nickname">
							</li>
							<li>
								<span class="label">手机号码:</span>
								<label for="logname" id="lognamelabel"></label>
								<input type="text"  data-auth="{
											label:'手机号码是爱词账户等重要问题和您保持联系的首选，请认真填写',
											mobile:['手机号码输入有误']
									}" class="text s18" id="phone" name="phone">
							</li>
							<li>
								<span class="label">密码:</span>
								<label for="logname" id="lognamelabel"></label>
								<input type="password"

								 data-auth="{
											label:'密码由5-32个字符组成',
											length:[5,32,true,'密码长度为5到32个字符，且为必填项']
										}"
                                 class="text s18" id="password" name="password">
							</li>
							<li>
								<span class="label">确认密码:</span>
								<label for="logname" id="lognamelabel"></label>
								<input type="password"   data-auth="{
											label:'请再输入一遍您上面输入的密码',
											equalTo:['#password','两次输入密码不一致']
									}" class="text s18" id="passwords" name="passwords">
							</li>
							<li class="read">
								<input type="checkbox" id="agree" title="手机号/会员名/邮箱" name="agree" class="text" value="" checked>
								<span class="label">我已阅读并接受“<a href="#">爱词软件服务条款</a>”</span>
							</li>
							<li>
								<div id="J_TBAgreement" class="content">
									<p>
                                                                            1: 本服务涉及到的产品的所有权以及相关软件的知识产权归5iwords所有，所提供的服务必须按照其发布的公司章程，服务条款和操作规则严格执行。<br>
                                                                            2: 本服务条款的效力范围及于的一切产品和服务，用户在享受任何单项服务时，应当受本服务条款的约束。<br>
									    3: 用户一旦注册成功成为用户，将得到一个密码和帐号，方便用户方便的使用该服务，请用户注意保管好自己的帐号和密码，因帐户丢失而对用户或第三方造成的损失，需要用户自行承担全部责任。<br>
                                                                            4: 每个用户都要对其帐户中的所有活动和事件负全责，用户可随时改变用户的密码，也可以结束旧的帐户重开一个新帐户，但是用户个人的单词库也会重新创建，请用户知悉。<br>
                                                                            5: 用户同意若发现任何非法使用用户帐号或安全漏洞的情况，有义务及时通知我们，以便为用户提供更好贴心的服务。
										</p>
								</div>
							</li>
							<li>
								<div class="option layout">
									<input type=button id="btn-submit" class="button register-btn" > 
									<span id="J_result"></span>
								</div>
							</li>
						</ul>
						
					</form>
					<script>
					</script>
				</div>
			</div>
		</div>
	</div>
	
	<div id="footer">
		<div class="layout grid-m">
			<div class="col-main">
				<div class="rights">© Copyright 2010~2011, All Rights Reverved.Supported By BanRuoLang.</div>
			</div>
		</div>
	</div>
                                        <script>
	(function(){
		var S = KISSY, DOM = S.DOM, Event = S.Event,
			queryString = function(sParam){
				var re = new RegExp("[&|?]" + sParam + "=([^&]*)");
				return re.test(window.location.search)? RegExp.$1 : null;
			},
			tip = queryString("t"),
			mods = [
				//初始化表单验证
				function(){
					var formsmg= S.one("#J_result"),
						check = new S.Auth('#J_form',{
							warn: tip
						});
					Event.on('#btn-submit','click',function(){
						if(check.isValid()){
                                                   if(!document.getElementById("agree").checked){
                                                       
                                                       alert("请您同意爱词的协议!");
                                                       return;
                                                       
                                                   }
							document.forms[0].submit();
						}else{
						 
						}
					});
				},
				 
			];
		if(/^v-/.test(tip)){
			cls = tip;
			tip = 'text';
		}

		KISSY.ready(function(S) {
			S.each(mods, function(mod) {
				S.isFunction(mod) && mod.call();
			});
		});
		
	})();
	</script>
 </body>


</html>